// pages/food/food.js

import gotoGoodsDetail from '../../templates/goodsTemp/goodsTemp'

let productType=require("../../utils/productType");
let app=getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
    //分类的渲染数据
    productType,
    city:"北京",
    page:1,
    goodsList:[],
    isShowMore:false
  },

  gotoSearch(){
    wx.navigateTo({
      url: '/pages/search/search',
    })
  },
  gotoSelectCity(){
    wx.navigateTo({
      url: '/pages/selectCity/selectCity',
    })
  },
  gotoTypeDetail(e){
    console.log(e);
    wx.navigateTo({
      url: '/pages/typeDetail/typeDetail?typeId='+e.currentTarget.dataset.typeId,
    })
  },
  //点击获取更多
  getMore(){
    this.setData({
      page:++this.data.page
    });
    wx.request({
      url: 'http://localhost:5000/api/foods/list',
      data:{
        city:this.data.city,
        page:this.data.page
      },
      success:res=>{
        console.log(res);
        // this.data.goodsList.push(...res.data.list)
        if(res.data.msg=="没有数据了"){
          this.setData({
            isShowMore:false
          });
          wx.showToast({
            title: '没有更多数据了',
            icon:"none"
          })
        }else{
          this.setData({
            // goodsList:this.data.goodsList,
            goodsList:this.data.goodsList.concat(res.data.list),
            isShowMore:true
          })
        }
      }
    })
  },
  gotoGoodsDetail,
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options);

    //方式一：拿数据
    // 判断 如果有options.city则渲染
      this.setData({
        city:options.city || "北京"
      })


    // wx.request({
    //   url: 'http://localhost:5000/api/foods/list',
    //   data:{
    //     city:this.data.city,
    //     page:this.data.page
    //   },
    //   success:res=>{
    //     console.log(res);
    //     this.setData({
    //       goodsList:res.data.list,
    //       isShowMore:true
    //     })
    //   }
    // });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
      //方式二：回退的话再onLoad里面写方法无效
    //判断
    console.log(app.globalData.city,"~~~~");
    //获取同步缓存
    let cityName = wx.getStorageSync("city");
    console.log(cityName,"这是city");
    this.setData({
      city:cityName || "北京"
    })

    if(app.globalData.city){
      this.setData({
        city: app.globalData.city
      })
    }
    
    //请求数据
    wx.request({
      url: 'http://localhost:5000/api/foods/list',
      data:{
        city:this.data.city,
        page:this.data.page
      },
      success:res=>{
        console.log(res,"22222");
        this.setData({
          goodsList:res.data.list,
          isShowMore:true
        })
      }
    });
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.setData({
      page:++this.data.page
    });
    wx.request({
      url: 'http://localhost:5000/api/foods/list',
      data:{
        city:this.data.city,
        page:this.data.page
      },
      success:res=>{
        console.log(res);
        // this.data.goodsList.push(...res.data.list)
        if(res.data.msg=="没有数据了"){
          wx.showToast({
            title: '没有更多数据了',
            icon:"none"
          })
        }else{
          this.setData({
            // goodsList:this.data.goodsList,
            goodsList:this.data.goodsList.concat(res.data.list)
          })
        }
      }
    })
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})